<template>
    <div class="form-group">
        <label :for="id">{{title}}</label>
        <input type="text" :placeholder="placeholder" :value="value" :required="required" class="form-control"
               :id="id"/>
    </div>
</template>

<script>
    export default {
    	name: 'TextInput',
        props: {
            id: {type: String, required: true},
            title: {type: String},
            placeholder: {type: String},
            required: {type: Boolean},
            value: {type: String}
        }
    };
</script>
